<!DOCTYPE html>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>getUserMedia() and constraints</title>
</head>
<body>
<div id="mainDiv">
    <h1><code>getUserMedia()</code>: playing with video constraints</h1>
    <p>Click one of the below buttons to change video resolution...</p>
    <div id="buttons">
        <button id="qvga">320x240</button>
        <button id="vga">640x480</button>
        <button id="hd">1280x960</button>
    </div>
    <p id="dimensions"></p>
    <video autoplay></video>
    <script src="js/getUserMedia_constraints.js"></script>
</div>
</body>
</html>